<extend name="Index/index" />
<block name="main">
<html>
<head>
    <link rel="shortcut icon" href="/favicon.ico" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="__PUBLIC__/hero_public/css/global.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__/hero_public/css/global_schinese.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__/hero_public/css/publicheader.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__/hero_public/css/heropedia.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__/hero_public/css/tooltips.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="__PUBLIC__/hero_public/js/jquery-2.1.3.min.js"></script>
    <script type="text/javascript">
        $J = jQuery;
    </script>
    <script type="text/javascript" src="__PUBLIC__/hero_public/js/shared_global.js"></script>
    <!-- <script type="text/javascript" src="__PUBLIC__/hero_public/js/tooltips.js"></script> -->
    <title>Hero - <{$title}></title>

    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-33822635-2']);
        _gaq.push(['_setSampleRate', '1']);
        _gaq.push(['_setDomainName', 'dota2.com']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();
    </script>
</head>

<body>
    <center>
        <div id="bodyContainer">
            <div id="centerColOuter_NoCallout">
                <div id="centerColTopShadow">
                    <img src="__PUBLIC__/hero_public/picture/centercolbox_top_shadow.png" width="984" height="25" />
                </div>
                <div id="centerColTop">
                    <img src="__PUBLIC__/hero_public/picture/centercolbox_top.png" width="984" height="9" />
                </div>
                <div id="centerColContainer">
                    <div id="centerColContent">

                        <h1><{$title}></h1>
                       <!--  <div id="heroTopPortraitContainer">
                            <img id="heroTopPortraitIMG" src="__PUBLIC__/hero_public/picture/tiny_full.png" width="256" height="144" />
                        </div> -->
                        <div class="centerColHR"></div>

                        <h3>概览</h3>
                        <div class="redboxOuter">
                            <div class="redboxContent">
                                <div class="redboxTop"></div>
                                <div id="overviewInner">
                                    <div id="overviewHeroLeft">
                                        <div id="heroPrimaryPortraitHolder">
                                            <img id="heroPrimaryPortraitImg" src="__PUBLIC__/Uploads/icon/<{$pic}>" width="235" height="272" />
                                            <img id="heroPrimaryPortraitOverlay" src="__PUBLIC__/Uploads/icon/<{$pic}>" width="243" height="280" border="0" />
                                        </div>
                                    </div>
                                    <div id="overviewHeroAbilities">
                                        <div class="overviewAbilityRow">
                                            <div class="abilityIconHolder">
                                                <img abilityname="tiny_avalanche" class="overviewAbilityImg abilityIconWithTooltip" src="__PUBLIC__/Uploads/icon/<{$si1}>" width="90" height="90" />
                                            </div>
                                            <div class="overviewAbilityRowDescription">
                                                <h2><{$s1}></h2>
                                                <p><{$d1}></p>
                                            </div>
                                            <br clear="left" />
                                        </div>
                                        <div class="overviewAbilityRow">
                                            <div class="abilityIconHolder">
                                                <img abilityname="tiny_toss" class="overviewAbilityImg abilityIconWithTooltip" src="__PUBLIC__/Uploads/icon/<{$si2}>" width="90" height="90" />
                                            </div>
                                            <div class="overviewAbilityRowDescription">
                                                <h2><{$s2}></h2>
                                                <p><{$d2}></p>
                                            </div>
                                            <br clear="left" />
                                        </div>
                                        <div class="overviewAbilityRow">
                                            <div class="abilityIconHolder">
                                                <img abilityname="tiny_craggy_exterior" class="overviewAbilityImg abilityIconWithTooltip" src="__PUBLIC__/Uploads/icon/<{$si3}>" width="90" height="90" />
                                            </div>
                                            <div class="overviewAbilityRowDescription">
                                                <h2><{$s3}></h2>
                                                <p><{$d3}></p>
                                            </div>
                                            <br clear="left" />
                                        </div>
                                        <div class="overviewAbilityRow">
                                            <div class="abilityIconHolder">
                                                <img abilityname="tiny_grow" class="overviewAbilityImg abilityIconWithTooltip" src="__PUBLIC__/Uploads/icon/<{$si4}>" width="90" height="90" />
                                            </div>
                                            <div class="overviewAbilityRowDescription">
                                                <h2><{$s4}></h2>
                                                <p><{$d4}></p>
                                            </div>
                                            <br clear="left" />
                                        </div>
                                    </div>
                                    <br clear="left" />
                                </div>
                                <div class="redboxBottom"></div>
                            </div>
                        </div>

                        <h3>背景</h3>
                        <div class="redboxOuter">
                            <div class="redboxContent">
                                <div class="redboxTop"></div>
                                <div id="bioInner">
                                    <{$bg}>
                                    <br clear="both" />
                                </div>
                                <div class="redboxBottom"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="centerColBottom">
                    <img src="__PUBLIC__/hero_public/picture/centercolbox_bottom.png" width="984" height="9" />
                </div>
                <div id="centerColBottomShadow">
                    <img src="__PUBLIC__/hero_public/picture/centercolbox_bottom_shadow.png" width="984" height="25" />
                </div>
            </div>
        </div>
    </center>
</body>

</html>
</block>
